<template>
    <div class="btn-container">
        <van-button type="primary" class="btn" @click="clickFn">
            {{ btnTitle }}
        </van-button>
    </div>
</template>

<script>
export default {
    props: {
        btnTitle: {
            type: String,
            default: '默认按钮',
        },
    },
    data() {
        return {};
    },
    methods: {
        clickFn() {
            this.$emit('tap');
        },
    },
};
</script>

<style lang="less" scoped>
.btn-container {
    height: 1.2rem;
    width: 100%;
    box-sizing: border-box;
    border: 0.01rem solid #dedede;
    padding: 0.16rem 0.3rem 0.18rem;
    background-color: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    .btn {
        width: 100%;
        height: 100%;
        border-color: #003399;
        background-color: #003399;
        border-radius: 1.2rem;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
</style>
